<template>
    <div class="status4">

        <!-- 已完成 已评价 4 -->

        <div class='dd-column'>
            <MyOrderDetailsContent :detailsData="detailsData" :goodsTAndList="goodsTAndList" />
            <!-- 评价 内容  -->
            <div class='item'>
                <div class='title2'>
                    <span class='dd-c_o'>| </span>我的评价
                </div>
                <div class='content' v-show="detailsData.commentStarNum">
                    <!--星星  -->
                    <div class='star dd-row dd-h-center'>

                        <div v-for="(starItem,starIndex) in stars" :key="starIndex">
                            <div class='starImg' @click='checkStar'>
                                <!-- <img :src='starItem==1 ? "@/assets/img/stary.png" : "@/assets/img/starc.png"' /> -->
                                <img v-if="starItem==1" src='@/assets/img/stary.png' />
                                <img v-if="starItem!=1" src='@/assets/img/starc.png' />
                            </div>
                        </div>

                    </div>
                    <!--评价的内容  -->
                    <div class='evaluation'>
                        <div class='c'>
                            春风十里不如你，我的煎饼。好吃好吃好吃好吃好吃好吃好吃好吃好吃好吃好吃好吃好吃好吃好吃好吃好吃好吃好吃好吃好吃

                        </div>
                    </div>
                </div>

            </div>

        </div>
    </div>
</template>
<script>
import MyOrderDetailsContent from "@/components/My/myOrderDetails/MyOrderDetailsContent.vue";
export default {
  props: ["detailsData", "goodsTAndList"],
  data() {
    return {
      stars: [1, 1, 1, 1, 1]
    };
  },
  mounted() {
      let len= this.detailsData.commentStarNum;

  },
  components: {
    MyOrderDetailsContent
  }
};
</script>

<style scoped>
.star {
}

.star .starImg {
  height: 24pt;
  width: 24pt;
  margin: 0 4pt;
}

.star .starImg img {
  height: 24pt;
  width: 24pt;
}
/* 评价订单 */
.title2 {
  font-size: 11pt;
  font-weight: bold;
  margin: 0 0 5pt 0;
}

/* 评论文本框  */
.ta {
  margin: 10pt auto;
  padding: 5pt 3pt;
  border-radius: 4pt;
  box-shadow: 0 0 5pt red;
  width: 250pt;
  min-height: 60pt;
  background: #fff;
}
/* 已评价  */
.item .have-evaluation {
  margin-top: 20pt;
  font-size: 12pt;
  font-weight: bold;
}

/* 4 已完成 已评论 的评价内容  */
.evaluation {
  padding: 10pt;
}
.evaluation .t {
  font-size: 14pt;
}
.evaluation .c {
  font-size: 11pt;
  font-weight: normal;
}
</style>
